
<div class="slide-left menu-content pane disable-user-behavior menu-animated" ng-class="{'open': slideRight}" on-swipe-left="swipeLeft()" on-swipe-right="swipeRight()">
  <ion-header-bar class="bar-top item-input-inset home-top">
    <div class="buttons">
      <nav-button class="city" >[南京]</nav-button>
    </div>
    <label class="item-input-wrapper"> <i class="icon ion-ios-search placeholder-icon"></i>
      <input type="search" placeholder="搜索医生姓名、疾病、科室" ng-model="vm.search" ng-keydown="search($event)"></label>
    <div class="buttons">
      <nav-button ng-if="vm.count>0" class="msg" ng-click="toggleSlide()" >{{vm.count}}</nav-button>
      <nav-button ng-if="vm.count==0" class="msg" ng-click="toggleSlide()" ></nav-button>
    </div>
  </ion-header-bar>
  <ion-view>
    <ion-content class="home" has-bouncing="false">
      <div class="silde mt bg-fff" ng-style="{'height':vm.height+'px'}">
        <ul rn-carousel="" rn-carousel-index="vm.topCarouselIndex" rn-carousel-auto-slide="" rn-carousel-pause-on-hover="" rn-carousel-buffered="" >
          <li ng-repeat="image in vm.topBanners" ng-click="open(image.linkUrl)" class="ng-scope id-4 pi-click" >
            <img ng-src="{{image.imgUrl}}" class="bgimage" alt=""></li>
        </ul>
        <div rn-carousel-indicators="" ng-if="vm.topBanners.length >
          1" slides=" vm.topBanners" rn-carousel-index="vm.topCarouselIndex" class="ng-scope ng-isolate-scope indicator">
          <div class="rn-carousel-indicator">
            <span  ng-repeat="image in vm.topBanners" ng-class="{active: $index==index}" ng-click="goToSlide($index)"></span>
          </div>
        </div>
      </div>
      <div class="icons row bg-fff">
        <div class="col col-50" ng-click="go('post-chat')">
          <img src="img/home-t1.jpg" alt=""></div>
        <div class="col col-50" ng-click="go('find-doc')">
          <img src="img/home-t2.jpg" alt=""></div>
      </div>
      <div class="menus mt row bg-fff">
        <div class="col col-33" ng-click="go('clinic-list')">
          <img src="img/home-menu1.jpg" alt=""></div>
        <div class="col col-33" ng-click="go('classRoom-list')">
          <img src="img/home-menu2.jpg" alt=""></div>
        <div class="col col-33" ng-click="go('tabs.recent-check')">
          <img src="img/home-menu3.jpg" alt=""></div>
      </div>
      <div class="silde mt bg-fff" ng-style="{'height':vm.height+'px'}">
        <ul rn-carousel="" rn-carousel-index="vm.middleCarouselIndex" rn-carousel-auto-slide="" rn-carousel-pause-on-hover="" rn-carousel-buffered="" >
          <li ng-repeat="image in vm.middleBanners" ng-click="open(image.linkUrl)" class="ng-scope id-4 pi-click" >
            <img ng-src="{{image.imgUrl}}" class="bgimage" alt=""></li>
        </ul>
        <div rn-carousel-indicators="" ng-if="vm.middleBanners.length >
          1" slides=" vm.middleBanners" rn-carousel-index="vm.middleCarouselIndex" class="ng-scope ng-isolate-scope indicator">
          <div class="rn-carousel-indicator">
            <span  ng-repeat="image in vm.middleBanners" ng-class="{active: $index==index}" ng-click="goToSlide($index)"></span>
          </div>
        </div>
      </div>
      <div class="news mt bg-fff">
        <div class="title" ng-click="go('health-list')">
          养生之道 <i class="r-arrow"></i>
        </div>
        <ion-list>
          <ion-item class="row" ng-click="open(downloadImg(d.detailUrl))" ng-repeat="d in vm.health">
            <div class="col col-33">
              <img ng-src="{{downloadImg(d.imgUrl)}}" alt=""></div>
            <div class="col col-67">
              <div class="tit">{{d.articleName}}</div>
              <div class="content">{{d.remark}}</div>
            </div>
          </ion-item>
          <!-- <ion-item class="row">
          <div class="col col-33">
            <img src="img/temp1.jpg" alt=""></div>
          <div class="col col-67">
            <div class="tit">样式曝光撒发生的发生的</div>
            <div class="content">样式曝光撒发生的发生的样式曝光撒发生的发生的</div>
          </div>
        </ion-item>
        -->
      </ion-list>
    </div>
  </ion-content>
</ion-view>
</div>

<div class="slide-right menu menu-right" ng-class="{'open': slideRight}" >
<ion-header-bar class="bar-top item-input-inset home-top">
  <h1 class="title">消息中心</h1>
  <div class="buttons">
    <nav-button class="msg-flag" ng-click="vm.showSetting()"></nav-button>
  </div>
</ion-header-bar>
<div class="msg-setting ng-cloak" ng-if="vm.msgSetting" ng-cloak>
  <i class="arrow"></i>
  <div class="link" ng-click="vm.doRead()">全部标记为已读</div>
  <div class="link" ng-click="vm.deleteAll()">全部清除</div>
</div>
<ion-content>
  <ion-scroll>
    <ion-refresher
        pulling-text="下拉刷新"
        on-refresh="vm.doRefresh()"></ion-refresher>
    <ion-list class="msg-list">
      <ion-item ng-repeat="m in vm.message" ng-click="showMessage(m)">
        <p ng-style="{'color': (m.state==1?'#666':'black')}" class="tit">{{m.content}}</p>
        <p ng-style="{'color': (m.state==1?'#666':'black')}" class="time">{{m.day}}</p>
      </ion-item>
      <!--  <ion-item>
      <p class="tit">【推广】推荐好礼，健康由财富保驾护航</p>
      <p class="time">昨天</p>
    </ion-item>
    <ion-item class="unread">
      <p class="tit">【推广】推荐好礼，健康由财富保驾护航</p>
      <p class="time">昨天</p>
    </ion-item>
    -->
  </ion-list>
</ion-scroll>
</ion-content>
</ion-content>
</div>